Animating With Math 


Natalie Burke 


Shader-Driven Vertex Animation 


Vertex animation, or vertex manipulation, is the process of manipulating vertex 
positions on a mesh at runtime using the vertex shader assigned to the 3D model 



The Vertex Shader 


The Vertex Shader portion of an assets shader handles the processing of individual 
vertices at render time 


Vertex shaders are able to make changes to a model's existing vertices 


Allows the position of the vertices to be significantly modified in the render process 













Tool Kit 

MESH AND GAMEPLAY PROPERTIES 

Vertex Color 
Gameplay Properties 
Animated Channels 

S Sin or Cosine 


NODE EDITOR 

World Space Offset 
Normal Offset 
Local Space Offset 


■S Vertex Color 



Try It Yourself 

Strumpy Shader Editor, Unity - Vertex Graph 
Shader Forge, Unity - Vertex Offset 


Unreal Material Editor- World Position Offset 


NodeEditorWini 
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Why Use Vertex Animation? 

Player Customization (armor, weapons, heads) 

Shared skeletons 
Shared animation data 
Unique silhouettes 



Why Use Vertex Animation? 

Reduce Joint Count 

Similar movement would require A LOT of joints 


Reduce Animation Work 
Animation authored by a technical artist 



Building Movement 
Functions 


Techniques for creating animation 
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Add Follow-Through Motion 



Original 


With Follow-Through 




Channel Interpolation 

Create a new channel: Dampened_Linear_Velocity 
length(float4(linear_velocity.x, linear_velocity.y, 0,0)) * exceptions 
The damping ratio: damping/2*sqrt(strength) 
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Further Cosine 
Customization 
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Unreal Engine Exam 







Unreal Engine Example 
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Amplitude 
Frequency 


Dampened 
Linear Velocity 





Blue channel = timing 


movement 
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Blendshapes 






XYZ positions become RBG values 




vertex_deltas = {} 

for index in range(0, mesh_vert_count ) : 

base_pos = base_mesh . vtx[index] .getPostion( ) 
target_pos = target_mesh . vtx[index] .getPostion( ) 
vertex_deltas [index] = target_pos - base_pos 

color_max = max([abs(x) for x in vertex_deltas . values() ] ) 

for vtx in mesh. vtx: 

delta = vertex_deltas [vtx] 
color_normalized = delta/color_max 
color_normalized = (color_normalized * 0.5) + 0.5 
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Vertex Animation 
Local Space Displacement 


X 













Custom Linear Velocity = clamp(dampened_linear_velocity / 0, 1) 

Custom Linear Velocity * Color Max * 2 
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Vertex Animation 
Local Space Displacement 
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Unreal Engine Example 


Tine 
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Unreal Engine Example 



Without Vertex Animation With Vertex Animation 
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Sometimes Math Alone is Not Enough!! 
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Red = Amount 
of movement 
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Vertex Animation 
World Space 
Displacement 
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Motion Beyond Oscillation 



The Motion Concept 



The Math 


Rotation about an axis 
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y' = y*cos q - z*sin q 
z' = y*sin q + z*cos q 
x' = x 
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Supporting Tools 

Shader node editor 
Templating 
Custom channel tools 
Vertex color tools 



Questions? 



